<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	pageContext.setAttribute("path", path);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	
	<title>课程设置</title>
<!-- Style Start -->
	<link rel="stylesheet" type="text/css" href="${path }/css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="${path }/css/main.css"/>
	<link rel="stylesheet" type="text/css" href="${path }/js/lhgcalendar/css/demo.css"/>
	<link rel="stylesheet" type="text/css" href="${path }/js/poshytip/tip-skyblue/tip-skyblue.css"/>
<!-- Style End -->

<!-- JS Start-->
	<script type="text/javascript" src="${path }/js/jquery-1.7.1.min.js"></script>
	<!--日期控件 -->
	<script type="text/javascript" src="${path }/js/lhgcalendar/lhgcalendar.min.js"></script>
	<!--弹窗控件 -->
	<script type="text/javascript" src="${path }/js/lhgdialog/lhgdialog.min.js?skin=discuz"></script>
	<script type="text/javascript" src="${path }/js/poshytip/jquery.poshytip.min.js"></script>
	<script type="text/javascript" src="${path }/js/ajax.js"></script>
<!-- JS End-->
</head>

<body>
<input type="hidden" id="path" value="${path }"/>
<!-- webNav -->
<div class="webNav"> 
	<!--  导航 -->
	  <div class="nav">
	    <ul>
	      <li class="datasheet">课程设置</li>
	    </ul>
	  </div>
  <!--  导航 end --> 
</div>
<!-- webNav end --> 

<!-- webContent -->
<div class="webContent"> 
  
  <!-- 操作 -->
  <div class="btn_area">
    <!--<div class="btn"><span class="export">导出Excel</span></div>-->
    <div class="btn"><span class="add" onclick="addCourse();">新 增</span></div>
    <div class="btn"><span class="exit" onclick="reset();">清 空</span></div>
  </div>
  <!-- 操作 end -->
  
  <!-- 主体内容 -->
  <div class="content">
    <!-- 上方内容 -->
    <div class="tab_content courseSet">
        <!-- 左边 -->
        <div class="class_set_left">
        <div class="small_unit">
            <ul>
              <li class="label">
                <label>年度</label>
              </li>
              <li>
                <select id="year" name="year">
                  <option value="2013">2013</option>
				  <option value="2012">2012</option>
                </select>
              </li>
            </ul>
          </div>
          
          <div class="small_unit">
            <ul>
              <li class="label">
                <label>年级</label>
              </li>
              <li>
                <select id="graname">
                  <c:forEach items="${grali}" var="gra">
	               	<option value="${gra.graName}">${gra.graName} </option>
                   </c:forEach>
                </select>
              </li>
            </ul>
          </div>
          <div class="small_unit">
            <ul>
              <li class="label">
                <label>开学时间</label>
              </li>
              <li>
                <input type="text" class="runcode" id="beginTime"/>
              </li>
            </ul>
          </div>
          <div class="small_unit">
            <ul>
              <li class="label">
                <label>课时数</label>
              </li>
              <li>
	            <!--<input type="text" id="claHour"/>-->
				<select id="claHour" name="claHour">
                  <option value="1">1.0课时</option>
                  <option value="1.5">1.5课时</option>
                  <option value="2">2.0课时</option>
                </select>
              </li>
            </ul>
          </div>
          <div class="small_unit">
            <ul>
              <li class="label">
                <label>上课次数</label>
              </li>
              <li>
                <input type="text" id="claNum"/>次
              </li>
            </ul>
          </div>
          <div class="small_unit">
            <ul>
              <li class="label">
                <label>上课时间</label>
              </li>
              <li>
                <select id="claTime" name="claTime">
                  <option value="1">1小时</option>
                  <option value="1.5">2小时</option>
                  <option value="2">3小时</option>
                </select>
              </li>
            </ul>
          </div>
        </div>
        <!-- 左边 end --> 
        
        <!-- 中间 -->
        <div class="class_set_middle">
        <div class="small_unit">
            <ul>
              <li class="label">
                <label>学期</label>
              </li>
              <li>
                <select id="term">
					<option value="暑假二期">暑假二期</option>
					<option value="暑假一期">暑假一期</option>
					<option value="春季">春季</option>
					<option value="寒假">寒假</option>
	                <option value="秋季">秋季</option>
                </select>
              </li>
            </ul>
          </div>
          <div class="small_unit">
            <ul>
              <li class="label">
                <label>班级类型</label>
              </li>
              <li>
                <select id="claType">
                  <option value="普通班">普通班</option>
                  <option value="仿真班">仿真班</option>
                  <option value="模拟班">模拟班</option>
                  <option value="集训班">集训班</option>
                  <option value="冲刺班">冲刺班</option>
                  <option value="其它班">其它班</option>
                </select>
              </li>
            </ul>
          </div>
          
          <div class="small_unit">
            <ul>
              <li class="label">
                <label>结束时间</label>
              </li>
              <li>
                <input type="text" class="runcode" id="endTime"/>
              </li>
            </ul>
          </div>
          <div class="small_unit">
            <ul>
              <li class="label">
                <label>书本费</label>
              </li>
              <li>
                <input type="text" id="bookFee"/>元
              </li>
            </ul>
          </div>
          <div class="small_unit">
            <ul>
              <li class="label">
                <label>单课次费用</label>
              </li>
              <li>
                <input type="text" id="perunitFee"/>元
              </li>
            </ul>
          </div>
        </div>
        <!-- 中间 end -->
        
        <!-- 右边 -->
        <div class="class_set_middle">
        <div class="small_unit">
            <ul>
              <li class="label">
                <label>科目</label>
              </li>
              <li>
                <select id="subject">
                    <option value="语文">语文</option>
	                <option value="数学">数学</option>
	                <option value="英语">英语</option>
	                <option value="科学">科学</option>
                </select>
              </li>
            </ul>
          </div>
          <div class="small_unit">
            <ul>
              <li class="label">
                <label>课程层次</label>
              </li>
              <li>
                <select id="claLevel">
                  <option value="超常班">超常班</option>
                  <option value="精英班">精英班</option>
                  <option value="培优班">培优班</option>
                  <option value="提高班">提高班</option>
                  <option value="深中班">深中班</option>
                  <option value="市外班">市外班</option>
				  <option value="哈佛班">哈佛班</option>
                </select>
              </li>
            </ul>
          </div>
          <div class="small_unit">
            <ul>
              <li class="label">
                <label>教材版本</label>
              </li>
              <li>
                <select id="bookVersion">
                  <option value="人教版">人教版</option>
				  <option value="浙教版">浙教版</option>
				  <option value="苏教版">苏教版</option>
				  <option value="蓝天教材">蓝天教材</option>
				  <option value="朗文教材">朗文教材</option>
				  <option value="北师大版">北师大版</option>
                  <option value="其他教材">其他教材</option>
                </select>
              </li>
            </ul>
          </div>
           <div class="small_unit">
            <ul>
              <li class="label">
                <label>预计招生人数</label>
              </li>
              <li>
                <input type="text" id="predictNum"/>人
              </li>
            </ul>
          </div>
          <div class="small_unit">
            <ul>
              <li class="label">
                <label>总课时费用</label>
              </li>
              <li title="总课时费用不需填写！" class="skyblue">
                <input type="text" id="totalUnitFee" readonly="readonly"/>元
              </li>
            </ul>
          </div>
        </div>
        <!-- 右边 end -->
    </div>
    <!-- 上方内容 end --> 
    <br/>
    <%-- 
    <!-- 下方内容 -->
    <div class="tab_content">
        <div class="clear"></div>
        <!-- 分页初始化完成后这里的内容会被替换。-->
	   	<div id="divload">
		   	<table class="result">
			      <tbody>
			      	<tr>
			      		<td colspan="10" height="400"><img src="images/loading.gif" boder="0"/></td>
			      	</tr>
			      </tbody>
		   	</table>
	   	</div>
        <div id="divshow">
          <table class="result" id="myTable">
          <thead>
            <tr>
              <th>年 度</th>
              <th>学 期</th>
              <th>科 目</th>
              <th>年 级</th>
              <th>课程层次</th>
              <th>课 次</th>
              <th>单次费用</th>
              <th>总费用</th>
              <th>书本费</th>
              <th>班 额</th>
              <th>班级类型</th>
              <th>教材版本</th>
              <th>操 作</th>
            </tr>
          </thead>
          <tbody></tbody>
        </table>
      </div>
    </div>--%>
    <!-- 下方内容 end -->
    <div class="clear"></div>
  </div>
  <!-- 主体内容 end -->
</div>
<!-- webContent end -->
</body>
</html>
